 import React, { Component } from 'react'
import style  from "./order.module.css"
import aaa  from "./photo/bbb.jpg"
import {withRouter}  from "react-router-dom"
class index extends Component {
    state={
        idx:0,
        val:""
    }
    render() {
        
        return (
            <div>
                <div>
            
                    <div className={style.hh}>
                    <h2><span onClick={()=>{
                    this.props.history.go(-1)
                }}>&lt;</span>预约专车</h2>
                    </div>
                    <div className={style.pho}>
                        <img src={aaa}/>
                    </div>
                   <div className={style.main}>
                   <ul className={style.ul}>
                       <li>免费专车</li>
                       <li>专人陪同</li>
                       <li>全诚好房</li>
                   </ul>
                    <h3>您的称呼</h3>
                    <div className={style.people}>
                        <button    
                        onClick={()=>{
                            this.state.idx=1
                            this.setState({})
                            } }
                            className={this.state.idx===1?style.active:style.aaa}
                            >先生</button>
                         <button    
                        onClick={()=>{
                            this.state.idx=2
                            this.setState({})
                            } }
                            className={this.state.idx===2?style.active:style.aaa}
                            >女士</button>
                    </div>
                  <div className={style.bbb}>
                  <h3>您的联系方式</h3>
                    <p>11111</p>
                    <h3>预约看房时间</h3>
                    <h3>想要去看的楼盘</h3>
                  </div>
                    <div className={style.int}>
                    <input placeholder="请输入你想看的楼盘" onChange={(e)=>{
                            this.state.val=e.target.value
                            console.log(this.state.val,"aaa")
                            this.setState({})
                      
                    }}/>
                    </div>
                    <div className={style.end}>
                  <button>立即预约</button>
     
    </div>
                    </div>
                </div>
            </div>
        )
    }
}
export default  withRouter(index)
















